/*清除浮动*/
.clearfix::before,
.clearfix:after{
	content:"";
	display: table;
}

.clearfix:after{
	clear:both;
}

.hide{
	display: none;
}
input{
	background:none; 
	outline:none; 
	border:0px;
}
.gray{
	color:#8c8c8c;
}
html{
	font-family:Helvetica;
}
/*头部样式*/
header{
	display: -moz-flex; 
    display: -webkit-flex; 
    display: flex;
    -webkit-align-items: center;
    align-items: center; 
    -webkit-justify-content: space-around;
    justify-content: space-around;
	width: 100%;
	height: 1.5rem;
	background: #e81c11;
	text-align: center;
	overflow:hidden;
}
header h1{
	display: inline-block;
	font-size:0.6rem;
	color: #fff;
	font-weight:200;
}
.warning{
	text-align: center;
	width: 100%;
	height: .5rem;
	background-color:#b1afb0;
	color:#fff;
	font-size: 0.4rem;
}
.warning span{
	color:red;
}
.add-address{
	position: relative;
	box-sizing:border-box;
	padding-left: 1rem;
	display: -moz-flex; 
    display: -webkit-flex; 
    display: flex;
    -webkit-align-items: center;
    align-items: center; 
	width: 100%;
	height: 1.2rem;
	border-bottom: 3px solid #ecebeb;
}
.add-address .add-img{
	box-sizing:border-box;
	float: left;
	margin-right: 0.5rem;
	width: 0.6rem;
	height: 0.6rem;
}
.add-address .add-img img{
	width: 100%;
	height: 100%;
}
.add-address span{
	float: left;
	font-size: 0.4rem;
}
.address-span{
	position: absolute;
	top:0.3rem;
	left:2.5rem;
	width: 6rem;
	height: 1rem;
	overflow:hidden;
	text-overflow:ellipsis；
}
.add-address .arrow{
	position: absolute;
	font-size: 0.6rem;
	left:9rem;
	top:0.25rem;
	color:#8c8c8c;
}
.menu{
	display: -moz-flex; 
    display: -webkit-flex; 
    display: flex;
    -webkit-align-items: center;
    align-items: center; 
    -webkit-justify-content: space-around;
    justify-content: space-around;
	position: relative;
	width: 100%;
	border-bottom: 0.2rem solid #ecebeb;
}
.menu ul{
	width: 100%;
}
.menu ul li{
	display: -moz-flex; 
    display: -webkit-flex; 
    display: flex;
    -webkit-align-items: center;
    align-items: center; 
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 100%;
    height: 3.5rem;
}
.menu .food-img{
	width: 3rem;
	height: 3rem;
}
.menu .food-img img{
	width:100%;
	height:100%;
}
.menu span{
	font-size: 0.42rem;
	color:#8c8c8c;
}
.remark{
	width: 100%;
	height: 1rem;
	border-bottom: 0.2rem solid #ecebeb;
}
.remark form{
	width: 100%;
	height: 100%;
}
.remark form input{
	width:100%;
	height: 100%;
	font-size: 0.4rem;
	color:#8c8c8c;
	text-align: center;
}
.man-amount{
	position:relative;
	width: 100%;
	height: 1rem;
	border-bottom: 0.2rem solid #ecebeb;
}
.man-amount .span1{
	position: absolute;
	left: 1.2rem;
	top:0.2rem;
	font-size: 0.4rem;
	text-align: center;
}
.man-amount .input-amount{
	position: absolute;
	height:0.8rem;
	width: 2.5rem;
	border: 3px solid #ecebeb;
	left: 7rem;
	top:0.05rem;
	font-size: 0.5rem;
	text-align: center;
}
.freight{
	position:relative;
	width: 100%;
	height: 1rem;
	border-bottom: 0.2rem solid #ecebeb;
}
.freight .span1{
	position: absolute;
	left: 1.2rem;
	top:0.2rem;
	font-size: 0.4rem;
	text-align: center;
}
.freight .span2{
	position: absolute;
	left: 7.6rem;
	top:0.2rem;
	font-size: 0.4rem;
	text-align: center;
}
.lowest-freight{
	position: relative;
	width: 100%;
	height: 1rem;
	border-bottom: 0.2rem solid #ecebeb;
}
.lowest-freight span{
	position: absolute;
	top:0.2rem;
	left:1.2rem;
	font-size: 0.4rem;
}
.favourable-price{
	position:relative;
	width: 100%;
	height: 1rem;
	border-bottom: 0.2rem solid #ecebeb;
}
.favourable-price .span1{
	position: absolute;
	left: 1.2rem;
	top:0.2rem;
	font-size: 0.4rem;
	text-align: center;
}
.favourable-price .span2{
	position: absolute;
	left: 7.6rem;
	top:0.2rem;
	font-size: 0.4rem;
	text-align: center;
}
.original-price{
	position: relative;
	width: 100%;
	height: 1rem;
	border-bottom: 0.2rem solid #ecebeb;
}
.original-price .span1{
	position: absolute;
	left: 1.2rem;
	top:0.2rem;
	font-size: 0.4rem;
	text-align: center;
}
.original-price .span2{
	position: absolute;
	left: 7.6rem;
	top:0.2rem;
	font-size: 0.4rem;
	text-align: center;
}
.total{
	position: relative;
	width: 100%;
	height: 1rem;
	border-bottom: 0.2rem solid #ecebeb;
}
.total .span1{
	position: absolute;
	left: 1.2rem;
	top:0.2rem;
	font-size: 0.4rem;
	text-align: center;
}
.total .span2{
	position: absolute;
	left: 7.6rem;
	top:0.2rem;
	font-size: 0.4rem;
	text-align: center;
}
.pay-info{
	position: relative;
	width: 100%;
	height: 0.5rem;
	background-color: #ecebeb;
}
.pay-info span{
	position: absolute;
	font-size: 0.4rem;
	line-height: 0.5rem;
	left:1.2rem;
	top:-0.06rem;
	color:#8c8c8c;
}
.pay-weichat{
	position: relative;
	width: 100%;
	height: 1.2rem;
	border-bottom: 0.1rem solid #ecebeb;
}
.pay-weichat span{
	position: absolute;
	left:1.2rem;
	top:0.3rem;
	font-size: 0.4rem;
}
.dot1{
	position: absolute;
	width: 0.5rem;
	height: 0.5rem;
	left:8rem;
	top:0.35rem;
	border: 1px solid #000;
	border-radius: 0.5rem;
	background-color:#e81c11;
}
.pay-cash{
	position: relative;
	width: 100%;
	height: 1.2rem;
	border-bottom: 0.1rem solid #ecebeb;
}
.pay-cash span{
	position: absolute;
	left:1.2rem;
	top:0.3rem;
	font-size: 0.4rem;
}
.dot2{
	position: absolute;
	width: 0.5rem;
	height: 0.5rem;
	left:8rem;
	top:0.35rem;
	border: 1px solid #000;
	border-radius: 0.5rem;
	background-color:#fff;
}
footer{
	width: 100%;
	height: 1.5rem;
}
footer .price{
	float: left;
	display: -moz-flex; 
    display: -webkit-flex; 
    display: flex;
    -webkit-align-items: center;
    align-items: center; 
    -webkit-justify-content: space-around;
    justify-content: space-around;
	width: 65%;
	height: 1.5rem;
} 
footer .price span{
	font-size: 0.5rem;
	color:#e81c11;
}
footer .pay-btn{
	float: left;
	width: 35%;
	height: 1.5rem;
}
footer .pay-btn button{
	width: 100%;
	height: 100%;
	font-size: 0.5rem;
	background-color: #e81c11;
	border: 1px solid #e81c11;
	color:#fff;
}
.address-layer{
	position: absolute;
	display: none;
	top:3rem;
	left:0.5rem;
	width:9rem;
	height:4rem;
	opacity: 0.8;
	background-color: #d3daf3;
}
.address-layer .contacts-top{
	width: 100%;
	height: 0.6rem;
	box-sizing:border-box;
	padding-left: 0.4rem;
	background-color: #e81c11;
}
.address-layer .contacts-top span{
	font-size: 0.4rem;
}
.address-layer .contacts-top .exit1{
	position: absolute;
	font-size: 0.7rem;
	left:8.5rem;
	top:-.12rem;
	color:#fff;
}
.address-layer .contact{
	width: 100%;
	height: 0.6rem;
	box-sizing:border-box;
	padding-left: 0.4rem;
	padding-top: 0.5rem;
}
.address-layer .contact span{
	font-size: 0.4rem;
}
.address-layer .contact input{
	width: 6.5rem;
	height: 0.5rem;
	font-size: 0.4rem;
	border-bottom: 1px solid #000;
}
.address-layer button{
	position: absolute;
	font-size: 0.4rem;
	color: #fff;
	background-color: #e81c11;
	top:3.2rem;
	left:7.3rem;
	border:1px solid #e81c11;
}
.address-box{
	position: absolute;
	display: none;
	top:3rem;
	left:0.5rem;
	width:9rem;
	opacity: 0.8;
	background-color: #d3daf3;
}
.address-box .address-top{
	width: 100%;
	height: 0.6rem;
	box-sizing:border-box;
	padding-left: 0.4rem;
	background-color: #e81c11;
}
.address-box .address-top span{
	font-size: 0.4rem;
}
.address-box .address-top .exit2{
	position: absolute;
	font-size: 0.7rem;
	left:8.5rem;
	top:-.12rem;
	color:#fff;
}
.address-box ul{
	width: 100%;
}
.address-box ul li {
	position: relative;
	box-sizing:border-box;
	padding: 0.2rem;
	width: 100%;
	height: 2.2rem;
	border-bottom: 3px solid #ecebeb;
}
.address-box ul li span{
	display: block;
}
.radio{
	position: absolute;
	display: block;
	width: 1rem;
	height: 2rem;
	top:0.2rem;
	left:7rem;
}
.conf{width: 30%;height: 20%;	font-size: 0.3rem;}






